<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <link rel="stylesheet/less" href="./css/common.less">
    <link rel="stylesheet/less" href="./css/reset.less">
    <link rel="stylesheet/less" href="./css/index.less">
</head>
<body>
    <div class="warp">
        <header>
            <nav class="navbar">
                <div class="navbar-left">
                    <img src="./image/images/img01_03.jpg">
                    <h1>德家</h1>
                </div>
                <div class="navbar-center">
                    <ul class="nav">
                        <li><a href="#">首页</a></li>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">业务范围</a></li>
                        <li><a href="#">员工职业发展</a></li>
                        <li><a href="#">案例展示</a></li>
                        <li><a href="#">咨询中心</a></li>
                    </ul>
                </div>
                <div class="navbar-right">
                    <div class="english"><span>简体中文</span>  |  English</div>
                </div>
            </nav>
        </header>
        <div class="top">
            <img src="./image/images/img02_02.jpg">
        </div>
        <div class="about">
            <div class="text-one">about us</div>
            <div class="text-two">关于我们</div>
            <div class="line"></div>
        </div>
        <div class="center">
            <div class="center-top">
                <div class="center-left">
                    <div class="profile">
                        <div class="profile-one">公司介绍</div>
                        <div class="profile-two">company profile</div>
                        <div class="profile-three">德爱，是一家提供互联网服务德高科技集团公司，集策划，前端优化，研发，测试，系统运维，网站推广，运营，团队外包及互联网人才培养为一体的成熟业务体系。</div>
                    </div>
                </div>
                <div class="center-right">
                    <img src="./image/images/img03_03.jpg">
                </div>
            </div>
            <div class="center-top">
                <div class="center-right">
                    <img src="./image/images/img04_02.jpg">
                </div>
                <div class="center-left">
                    <div class="profile">
                        <div class="profile-one">运营理念</div>
                        <div class="profile-two">operation concept</div>
                        <div class="profile-three">携手公共进，共赢天下。以结果为导向。树立好工作目标，监督过程，实现理想效果，打造一流的团队，创造—流的服务，成为一流的业务标志。</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="about">
            <div class="text-one">scope of business</div>
            <div class="text-two">业务范围</div>
            <div class="line"></div>
        </div>
        <div class="image">
            <img src="./image/images/image05_02.jpg">
        </div>
        <div class="content">
            <div class="content-top">
                <div class="item wow slideInLeft">
                    <img src="./image/images/img05_03.jpg" alt="">
                    <div class="item-content">
                        <p class="textone">愿景</p>
                        <p class="texttwo">打造全球最棒的服务平台</p>
                    </div>
                </div>
                <div class="item wow slideInLeft">
                    <img src="./image/images/img05_03.jpg" alt="">
                    <div class="item-content">
                        <p class="textone">愿景</p>
                        <p class="texttwo">打造全球最棒的服务平台</p>
                    </div>
                </div>
                <div class="item wow slideInLeft">
                    <img src="./image/images/img06_03.jpg" alt="">
                    <div class="item-content">
                        <p class="textone">愿景</p>
                        <p class="texttwo">打造全球最棒的服务平台</p>
                    </div>
                </div>
            </div>
            <div class="content-text">德爱主要提供高品质网站建设方案，电子商务平台解决方案，移动端应用解决方案（基于Android,IOS APP-及移动端网站)，微应用，微商城，微互动营销解决方案，企业信息化解决方案（OA，CRM),以及PHP网站开发，Java开发，UI设计，淘宝美工人才培养服务，人才外包服务，高端IT人才猎头服务。</div>
        </div>
        <div class="about">
            <div class="text-one">staff career development</div>
            <div class="text-two">员工职业发展</div>
            <div class="line"></div>
        </div>
        <div class="title">公司非常清楚职业发展计划对于每个员工的重要性。公司对人员的要求，更加看重心态，只要愿意成为德爱的一份子，
            公司都会让员工充分展示自己，发挥他们的潜力、才干和热情，在德爱走向职业的成功。
        </div>
        <div class="dream">
            <div class="dream-top">
                <div class="dream-one wow slideInLeft">
                    <img src="./image/images/img07_03.jpg" alt="">
                    <div class="dream-content">
                        <p class="textone">为梦想助力</p>
                        <ul class="texttwo">
                            <li>携手共进</li>
                            <li>共赢天下</li>
                        </ul>
                    </div>
                </div>
                <div class="dream-one wow slideInLeft">
                    <img src="./image/images/img07_03.jpg" alt="">
                    <div class="dream-content">
                        <p class="textone">为梦想助力</p>
                        <ul class="texttwo">
                            <li>携手共进</li>
                            <li>共赢天下</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="dream-list wow slideInLeft">
                <img src="./image/images/img08_03.jpg">
                <div class="dream-content">
                    <p class="textone">为梦想助力</p>
                    <ul class="texttwo">
                        <li>携手共进</li>
                        <li>共赢天下</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="about">
            <div class="text-one">case presentation</div>
            <div class="text-two">案例展示</div>
            <div class="line"></div>
        </div>
        <div class="case">
            <div class="case-nav">
                <ul>
                    <li><a href="#">企业官网</a></li>
                    <li><a href="#">创意广告</a></li>
                    <li><a href="#">移动终端</a></li>
                    <li><a href="#">系统集成</a></li>
                </ul>
            </div>
        </div>
        <div class="about">
            <div class="text-one">information centre</div>
            <div class="text-two">资讯中心</div>
            <div class="line"></div>
        </div>
        <div class="bottem">
            <div class="bottem-box">
                <div class="box">
                    <img src="./image/images/img10_03.jpg">
                    <div class="box-text">
                        <h3>深化校企合作，广州华南...</h3>
                    </div>
                </div>
                <div class="box">
                    <img src="./image/images/img10_03.jpg">
                    <div class="box-text">
                        <h3>深化校企合作，广州华南...</h3>
                    </div>
                </div>
                <div class="box">
                    <img src="./image/images/img10_03.jpg">
                    <div class="box-text">
                        <h3>深化校企合作，广州华南...</h3>
                    </div>
                </div>
            </div>
        </div>
        <footer>
            <div class="footer-top">
                <ul>
                    <li><a href="#">网页首战</a></li>
                    <li><a href="#">解决方案</a></li>
                    <li><a href="#">咨询中心</a></li>
                    <li><a href="#">案例展示</a></li>
                    <li><a href="#">了解德爱</a></li>
                </ul>
            </div>
        </footer>
    </div>
</body>
</html>
<script src="./js/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/swiper-bundle.min.js"></script>
<script src="./js/less.min.js"></script>
<script src="./js/wow.min.repeat.js"></script>
<script>
    new WOW().init();

    var MySwiper = new Swiper('.team-swiper',{
        loop: true, 

        pagination: {
            el: '.swiper-pagination',
        },
    })
</script>